<template>
  <div class="count right">

<!--    <span class="calculate" @click="isClick">-->
    <span class="calculate">
      x{{ counter.count }}
    </span>

  </div>
</template>

<script>
export default {
  name: "Counter",
  props: ['counter']
}
</script>

<style scoped>
.count {
  display: flex;
}

span {
  display: inline-flex;
  font-size: 14px;
  margin: 0 1px;
  border: 1px solid #afafaf;
  border-radius: 3px;
}

.calculate {
  padding: 0 2px;
}

.count-sub {
  background-color: #e5e5e5;
}

</style>
